<script setup lang="ts">
import QrcodeVue from 'qrcode.vue'
import {useAppStore} from "@/store/app";
const store=useAppStore()
</script>
<template>
  <div class="pt-60px">
    <v-container class="!py-100px">
      <div class="pt-46px mb-100px text-center tracking-3px">
        <div class="text-36px bottom-fade-in-1">下载鲸喜多多APP</div>
      </div>
      <div class="flex items-stretch justify-evenly">
        <div class="flex items-center justify-center flex-col">
          <qrcode-vue :size="150" :value="store.app.android_url" level="M"/>
          <div class="text-30px my-20px">安装端</div>
          <a :href="store.app.android_url" target="_blank" class="no-underline">
            <v-btn
              class="!rounded-full btn-scale"
              color="#EE5F2E"
              height="40px"
              variant="flat">
              <span class="text-20px">点击链接下载</span>
            </v-btn>
          </a>
        </div>
        <div class="flex items-center justify-center flex-col">
          <qrcode-vue :size="150" value="https://apps.apple.com/cn/app/%E9%B2%B8%E5%96%9C%E5%A4%9A%E5%A4%9A/id6466252482" level="M"/>
          <div class="text-30px my-20px">IOS端</div>
          <a href="https://apps.apple.com/cn/app/%E9%B2%B8%E5%96%9C%E5%A4%9A%E5%A4%9A/id6466252482"
             target="_blank" class="no-underline">
            <v-btn
              class="!rounded-full btn-scale"
              color="#EE5F2E"
              height="40px"
              variant="flat">
              <span class="text-20px">点击链接下载</span>
            </v-btn>
          </a>
        </div>
      </div>
    </v-container>
  </div>
</template>
<style scoped>

</style>
